body,p,button,h2,h3,pre{margin:0}
a,input,textarea,button,select{outline:0}
body,input,textarea,button,select{font:12px 'Century Gothic','Microsoft YaHei',Tahoma,Verdana,Arial,helvetica,sans-serif}
body{color:#555;background:url(../img/bg.png) repeat top left fixed;min-width:1260px}
a,input,textarea,button,select,.trans,.btn,
#form #keywordList li,
.cs-select>span,
.cs-select .cs-selected span::after,
.cs-select .cs-options,
.cs-skin-border.cs-active .cs-options,
.cs-select .cs-options li span,
.xdsoft_datetimepicker .xdsoft_today_button,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_label i,
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option,
.xdsoft_datetimepicker .xdsoft_calendar td,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div,
.xdsoft_datetimepicker .blue-gradient-button,
.xdsoft_datetimepicker .blue-gradient-button span
{-webkit-transition:all .218s linear;-moz-transition:all .218s linear;transition:all .218s linear}
a{text-decoration:none}
textarea{resize:vertical}
select:focus{border-color:#7a9cd3}
input,select{border:1px solid #ddd;background-color:#f9f9f9;color:#666}
input:focus,select:focus{background-color:#fff}
img{border:none}
ul,ol{list-style:none;padding:0;margin:0}
em{font-style:normal}
td.tleft{text-align:left!important}
.center{width:1250px;margin:0 auto}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:'';clear:both;height:0}
.left{float:left}
.right{float:right}
.hide{display:none}
.pr{position:relative}
.gray{color:#999}
a.gray:hover{color:#666}
.cs{cursor:pointer}
.red{color:#d39c92}
.blue{color:#999fb3}
.green{color:#72ae79}

@font-face {
	font-family:'DISPLAYFREETFB';
	src:url('../font/DISPLAYFREETFB.ttf');
}
.number{font-family:'DISPLAYFREETFB','Century Gothic','Microsoft YaHei'}

.btn{cursor:pointer;border-radius:2px;border:1px solid transparent;text-align:center;color:#fff}
.btn-white{background-color:#f9f9f9;border-color:#ddd;color:#777}
.btn-white:hover{background-color:#f5f5f5;border-color:#dfdfdf;color:#888}
.btn-white:active{background-color:#f2f2f2;border-color:#e0e0e0;color:#999}
.btn-blue{background-color:#a3b9ff;border-color:#9bb2fc}
.btn-blue:hover{background-color:#94adfc;border-color:#8ea8fc}
.btn-blue:active{background-color:#87a3fc;border-color:#7f9cf9}
.btn-green{background-color:#93d79b;border-color:#8cd595}
.btn-green:hover{background-color:#85d28e;border-color:#80d089}
.btn-green:active{background-color:#78cb81;border-color:#70c779}
.btn-yellow{background-color:#ef9f50;border-color:#ea9847}
.btn-yellow:hover{background-color:#e79340;border-color:#e18d39}
.btn-yellow:active{background-color:#df8833;border-color:#d18833}
.btn-red{background-color:#f07a64;border-color:#ea7059}
.btn-red:hover{background-color:#e76b53;border-color:#e06148}
.btn-red:active{background-color:#db5b41;border-color:#d55b41}
.btn-purple{background-color:#d790e5;border-color:#d288e0}
.btn-purple:hover{background-color:#ca7dd8;border-color:#c57dd8}
.btn-purple:active{background-color:#c278d5;border-color:#bb70cf}
.btn-brown{background-color:#dbb692;border-color:#d7af89;color:#bb946d}
.btn-brown:hover{background-color:#d5ae88;border-color:#d3aa82}
.btn-brown:active{background-color:#cba27a;border-color:#c79c72}

div.cs-select{display:inline-block;vertical-align:middle;position:relative;text-align:left;background-color:#fadec3;font-size:12px}
div.cs-select:focus{outline:0}
.cs-select select{display:none}
.cs-select span{display:block;position:relative;cursor:pointer;padding:3px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-select>span{padding:7px 27px;border:2px solid #f9f9f9;color:#777}
.cs-select .cs-selected span::after,.cs-select>span::after,.cs-select>span::before,a#agent::after{speak:none;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:icon;margin:-1px 10px 0}
.cs-select>span:before{content:'\e860';margin:-1px 0 0 -18px}
.cs-select>span:after{content:'\e84d'}
.cs-select .cs-selected span:after{content:'\e803';color:#ddd9c9;font-size:12px;opacity:1}
.cs-select.cs-active>span{background:#f9f9f9;border-color:#f9f9f9;color:#c3884f}
.cs-select.cs-active>span:after{-webkit-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg)}
.cs-select .cs-options{position:absolute;overflow:hidden;width:100%;background:#f9f9f9;visibility:hidden;color:#777;font-size:.75em;opacity:0;}
.cs-select.cs-active .cs-options{visibility:visible;opacity:1;z-index:2;margin-bottom:30px}
.cs-select ul{list-style:none;margin:0;padding:0;width:100%}
.cs-select ul span{padding:7px 29px;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.cs-select ul li.cs-focus span{background-color:#ddd}
.cs-select li.cs-optgroup ul{padding-left:1em}
.cs-select li.cs-optgroup>span{cursor:default}
.cs-select .cs-options li span:hover,.cs-select li.cs-focus span{background-color:#f5f3ec}

#dom_body{display:none}

#header{height:70px}
#header .logo{float:left;width:220px;height:50px;margin-top:10px;background:url(../img/) no-repeat;text-indent:-9999px}
#header .notice{float:left;background-color:rgba(250,246,239,.75);margin:15px 0 0 50px;border-radius:4px;width:613px;padding:11px 80px 11px 27px;color:#666;height:17px;line-height:17px;position:relative}
#header .notice marquee{float:left}
#header .notice span.icon{position:absolute;left:10px}
#header .notice span.close{position:absolute;right:0;top:0;cursor:pointer;height:39px;line-height:39px;width:80px;text-align:center;border-radius:0 4px 4px 0}
#header .client{float:right}
#header .client a{color:#666;float:left;margin-left:30px;margin-top:7px}
#header .client .icon{width:36px;display:block;margin:0 auto}
#header .client .icon:before{border:1px solid #666;border-radius:50px;font-size:18px;padding:8px;-webkit-transition:transform .5s linear;-moz-transition:transform .5s linear;transition:transform .5s linear}
#header .client a:hover .icon:before{transform:rotate(360deg)}
#header .client .icon.icon-windows:before{padding:8px 10px 8px 6px}
#header .client .icon.icon-appstore:before{padding:8px 9px 8px 7px}
#header .client .text{margin-top:3px;display:block;text-align:center}

#nav{background-color:#555;font-size:15px;height:40px}
#nav .game-bg{width:220px;float:left;height:40px;background:url(../img/bg.png) repeat top left fixed}
#nav a{float:left;color:#fff;padding:0 15px;height:40px;line-height:40px;}
#nav a.sign{font-size:13px;background-color:rgb(239, 159, 80);float:right}
#nav a.sign:hover{background-color:rgb(231, 138, 47)}
#nav a.sign.on{background-color:rgb(213, 128, 44)}
#nav a:hover,#nav a.on,#nav .agent-nav:hover a{background-color:#303030}
#nav .agent-nav{position:relative;float:left}
a#agent{padding:0 31px 0 15px;position:relative}
a#agent:after{content:'\e84d';position:absolute;right:15px;top:21px;line-height:normal;margin:0}
#nav .agent-nav-list{position:absolute;top:40px;left:0;background-color:#303030;width:130px;z-index:2}
#nav .agent-nav-list a{display:block;padding:0 31px 0 15px}
#nav .agent-nav-list a:hover{background-color:#202020}
#nav .agent-nav-list a.on{background-color:#3d455d}

#main{padding:20px 0 30px;position:relative}

#sidebar{position:absolute;top:-40px;left:0;width:220px}
#sidebar .game{width:220px;height:40px;line-height:40px;background-color:rgba(247,174,0,.6);text-align:center;color:#a35b14;font-size:15px}
#sidebar .user{background-color:rgba(98,67,34,.75)}
#user-info{color:#eaeaea;padding:15px 10px 9px;border-bottom:1px dashed rgba(79,40,0,.2)}
#user-info .username{height:17px}
#user-info .unval{float:left;width:148px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#user-info .level:before{content:'vip';margin-right:2px}
#user-info .level{background-color:#f07a64;border-color:#ea7059;color:#fff;border-radius:2px;float:right;padding:1px 5px;margin-top:-1px}
#user-info div{margin-bottom:6px}
#sidebar .user .opt{padding:5px 11px 5px 6px;font-size:14px}
#sidebar .user .opt .line{margin:5px 0;height:26px}
#sidebar .user .opt a{color:#f1d498;padding:1px 7px 3px;margin-right:6px;border-radius:2px;float:left}
#sidebar .user .opt a:hover{color:#ffefcd}
#sidebar .user .opt a.on{background-color:#f5e9cd;color:#b88f37}
#sidebar .user .opt a.on:hover{color:#997119}
#sidebar .user .opt a .icon:before{margin:0 1px 0 0}
#sidebar .user .opt .tip{font-size:12px;background-color:#f07a64;border:1px solid #f07a64;border-radius:20px;width:5px;height:5px;position:absolute;left:20px;top:5px}
#sidebar .gs{background-color:rgba(250,246,239,.75);border:1px solid #f0e7d5;border-top:none}
#sidebar .gs .g .game-name{padding:10px;border-top:1px solid #f0e6d1;border-bottom:1px solid #f0e6d1;background-color:rgba(242,231,211,.75);cursor:pointer;color:#777}
#sidebar .gs .g .game-name:hover{background-color:rgba(242,231,211,.45)}
#sidebar .gs .g .game-name span.count{font-size:12px;color:#999;float:right}
#sidebar .gs .g .game-name span.text{font-size:14px;color:#35928F}
#sidebar .gs .g .list{padding-left:33px;margin:8px 0;display:none}
#sidebar .gs .g .list li{list-style-type:square;color:#999}
#sidebar .gs .g .list a{padding:7px 15px 7px 0;display:block;color:#666}
#sidebar .gs .g .list a:hover{color:#a35b14}
#sidebar .gs .g .list a.on{color:#a35b14;font-weight:700}

#container{margin-left:240px;min-height:300px}

.dialogue{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);z-index:100;display:none}
.dialogue .dialogue-warp{position:absolute;top:50%;left:50%;}
.dialogue .dialogue-warp{margin-top:-89.5px;margin-left:-80px;width:400px}
.dialogue.big .dialogue-warp{margin-left:-280px;width:800px}
.dialogue.mid .dialogue-warp{margin-left:-180px;width:600px}
.dialogue .dialogue-warp .dialogue-head{background-color:#59a095;padding:15px;border-radius:3px 3px 0 0}
.dialogue .dialogue-warp .dialogue-head .dialogue-title{font-size:14px;color:#efefef}
.dialogue .dialogue-warp .dialogue-body{background-color:#fff;padding:20px 15px;font-size:13px;color:#666;min-height:37px;line-height:24px}
.dialogue .dialogue-warp .dialogue-body pre{white-space:pre-wrap;}
.dialogue .dialogue-warp .dialogue-body .dialogue-icon{float:left;margin-right:10px}
.dialogue .dialogue-warp .dialogue-body .dialogue-icon:before{padding:6px 5px 4px;border:1px solid transparent;border-radius:50px;font-size:25px;margin:0}
.dialogue .dialogue-warp .dialogue-body .dialogue-icon.error:before{color:#f07a64;border-color:#f07a64}
.dialogue .dialogue-warp .dialogue-body .dialogue-icon.success:before{color:#93d79b;border-color:#93d79b}
.dialogue .dialogue-warp .dialogue-body .dialogue-text{padding:6px 10px;margin-left:52px;width:296px;border:1px solid #f9f2db;background-color:#fff9e4}
.dialogue .dialogue-warp .dialogue-body .dialogue-text .btn{font-size:12px;line-height:normal;margin:0 5px;padding:0 7px}
.dialogue .dialogue-warp .dialogue-foot{background-color:#f5f5f5;padding:10px 15px;border-radius:0 0 3px 3px;border-top:1px solid #f2f2f2;height:30px;line-height:30px}
.dialogue .dialogue-warp .dialogue-foot .dialogue-auto{float:left;color:#999}
.dialogue .dialogue-warp .dialogue-foot .dialogue-auto .dialogue-sec{margin-right:5px}
.dialogue .dialogue-warp .dialogue-foot button{padding:0 10px;height:30px;line-height:26px;font-size:14px;float:left;margin-left:15px}

#loading-page .dialogue-warp{margin-top:-40px;margin-right:-38px;width:164px;padding:30px 15px 15px;background:rgba(86,86,86,.95) url(../image/loading-page.gif) no-repeat center 15px;color:#fff;font-size:14px;border-radius:5px}

.common .head{background-color:#ecceb1;height:40px;line-height:40px;font-size:13px;width:1010px}
.common .head.fixed{position:fixed;top:0}
.common .head .name{color:#9d8872;font-size:15px;float:left;height:40px;padding:0 15px;margin-right:10px}
.common .head .desc{float:right;font-size:12px;color:#b5a697;margin-right:15px;line-height:42px}
.common .head input,.common .head .select{color:#a9927a;border:none;background-color:#e4bf9c;padding:3px 10px;margin-top:8px;font-size:13px}
.common .head input:hover,.common .head input:focus,.common .head .select:hover{background-color:#dfb894}
.common .head input.input{font-size:12px;padding:4px 10px;margin:8px 10px 0 0;float:left}
.common .head .timer{float:left;position:relative;}
.common .head .timer input{width:145px}
.common .head .timer .icon{line-height:normal;color:#cba075;position:absolute;right:10px;top:10px}
.common .head .sep{float:left;margin:0 8px;color:#bea387}
.common .head .sep:before{margin:0}
.common .head .btn{height:25px;line-height:21px;float:left;margin:8px 0 0 10px;width:70px}
.common .head .select{float:left;line-height:normal;cursor:pointer;margin-right:15px}
.common .head select{background-color:#e4bf9c;color:#a9927a;border:1px solid #e4bf9c;float:left;height:25px;margin:8px 10px 0 0;padding:0 5px}
.common .head select:focus{background-color:#f9f9f9;border-color:#7a9cd3}
.common .head .select-box{line-height:normal;float:left;margin:8px 10px 0 0}
.common .head .cs-select{background-color:#e4bf9c}
.common .head .cs-select>span{padding:0 27px;height:25px;line-height:25px;border:none;color:#a9927a;width:48px}
.common .head .mode .cs-select>span{width:25px}
.common .head .cs-select.state>span::before{content:'\e83e'}
.common .head .cs-select.mode>span::before{content:'\e830'}
.common .head .cs-select ul span{padding:5px 27px;width:48px}
.common .head .tab{float:right}
.common .head .tab span,.common .head .tab a{height:40px;line-height:40px;float:left;padding:0 15px}
.common .head .tab a{color:#9d8872}
.common .head .tab a:hover{opacity:0.65}
.common .head .tab span{background-color:#f5f0e7;}
.common .head .link{float:right;color:#888;font-size:13px;line-height:40px;margin-right:15px}
.common .head .link:hover{color:#666}

.common .body{background-color:rgba(250,246,239,.75);padding:15px;}
.common .body pre{font-size:14px;color:#666;line-height:24px;margin:0;white-space:pre-wrap}
.common .body table{color:#777;background-color:rgba(250,222,195,.4);border-left:1px solid #fff;border-bottom:1px solid #fff}
.common .body table tr.title{font-weight:700}
.common .body table td{width:8%;padding: 5px;text-align:center;border-right:1px solid #fff;border-top:1px solid #fff}
.common .body table td a{color:#35928f;border-bottom:1px dotted transparent;margin:0 3px}
.common .body table td a:hover{border-color:#35928f}
.common .body table td.to{max-width:125px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.common .body table .key{color:#555}
.common .body table .val{text-align:left;padding-left:20px;color:#a07777}

.common .body dl{clear:both;margin:0}
.common .body dl dt,.common .body dl dd{float:left;margin-top:5px}
.common .body dl dt{width:80px;text-align:right;font-size:14px;height:40px;line-height:40px}
.common .body dl dd{margin-left:15px}
.common .body dl dd input{vertical-align:-2px}

.common .addon{background-color:#f5ecdc;border-top:1px solid #f0e6d4}
.common .addon.nb{border-top:none}
.common .addon .list{color:#999;list-style-type:square;padding:20px 15px 20px 35px;line-height:26px}
.common .addon .list .btn{padding:0 8px;margin:0 5px;line-height:normal}
.common .addon .list .color{margin:0 5px}

#page{height:29px;margin:25px 0 20px}
#page a{border:1px solid #e5e5e5;background-color:rgba(250,248,245,.9);border-radius:3px;padding:5px 10px;color:#888;float:left;margin-right:10px}
#page .info{line-height:29px;color:#999;float:left;margin-left:10px}
#page .info b{margin:0 3px}
#page a:hover{background-color:rgba(242,238,231,.9);border-color:#e0e0e0;color:#999}
#page a.active{background-color:#d0a67e;border-color:#cba076;color:#fff}

.xdsoft_datetimepicker {
	box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
	background: #fff;
	border-bottom: 1px solid #bbb;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	color: #333;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding: 8px;
	padding-left: 0;
	padding-top: 2px;
	position: absolute;
	z-index: 98;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: none;
}
.xdsoft_datetimepicker.xdsoft_rtl {
	padding: 8px 0 8px 8px;
}

.xdsoft_datetimepicker iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 75px;
	height: 210px;
	background: transparent;
	border: none;
}

/*For IE8 or lower*/
.xdsoft_datetimepicker button {
	border: none !important;
}

.xdsoft_noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.xdsoft_noselect::selection { background: transparent }
.xdsoft_noselect::-moz-selection { background: transparent }

.xdsoft_datetimepicker.xdsoft_inline {
	display: inline-block;
	position: static;
	box-shadow: none;
}

.xdsoft_datetimepicker * {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker {
	display: none;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active {
	display: block;
}

.xdsoft_datetimepicker .xdsoft_datepicker {
	width: 224px;
	float: left;
	margin-left: 8px;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker {
	float: right;
	margin-right: 8px;
	margin-left: 0;
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
	width: 256px;
}

.xdsoft_datetimepicker .xdsoft_timepicker {
	width: 58px;
	float: left;
	text-align: center;
	margin-left: 8px;
	margin-top: 0;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker {
	float: right;
	margin-right: 8px;
	margin-left: 0;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {
	margin-top: 8px;
	margin-bottom: 3px
}

.xdsoft_datetimepicker .xdsoft_mounthpicker {
	position: relative;
	text-align: center;
}

.xdsoft_datetimepicker .xdsoft_label i,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_today_button {
	background-image: url();
}

.xdsoft_datetimepicker .xdsoft_label i {
	opacity: 0.5;
	background-position: -92px -19px;
	display: inline-block;
	width: 9px;
	height: 20px;
	vertical-align: middle;
}

.xdsoft_datetimepicker .xdsoft_prev {
	float: left;
	background-position: -20px 0;
}
.xdsoft_datetimepicker .xdsoft_today_button {
	float: left;
	background-position: -70px 0;
	margin-left: 5px;
}

.xdsoft_datetimepicker .xdsoft_next {
	float: right;
	background-position: 0 0;
}

.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev ,
.xdsoft_datetimepicker .xdsoft_today_button {
	background-color: transparent;
	background-repeat: no-repeat;
	border: 0 none;
	cursor: pointer;
	display: block;
	height: 30px;
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	outline: medium none;
	overflow: hidden;
	padding: 0;
	position: relative;
	text-indent: 100%;
	white-space: nowrap;
	width: 20px;
	min-width: 0;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
	float: none;
	background-position: -40px -15px;
	height: 15px;
	width: 30px;
	display: block;
	margin-left: 14px;
	margin-top: 7px;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next {
	float: none;
	margin-left: 0;
	margin-right: 14px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
	background-position: -40px 0;
	margin-bottom: 7px;
	margin-top: 0;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
	height: 151px;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div {
	background: #f5f5f5;
	border-top: 1px solid #ddd;
	color: #666;
	font-size: 12px;
	text-align: center;
	border-collapse: collapse;
	cursor: pointer;
	border-bottom-width: 0;
	height: 25px;
	line-height: 25px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div > div:first-child {
	border-top-width: 0;
}

.xdsoft_datetimepicker .xdsoft_today_button:hover,
.xdsoft_datetimepicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_prev:hover {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.xdsoft_datetimepicker .xdsoft_label {
	display: inline;
	position: relative;
	z-index: 98;
	margin: 0;
	padding: 5px 3px;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	background-color: #fff;
	float: left;
	width: 182px;
	text-align: center;
	cursor: pointer;
}

.xdsoft_datetimepicker .xdsoft_label:hover i {
	opacity: 1.0;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
	border: 1px solid #ccc;
	position: absolute;
	right: 0;
	top: 30px;
	z-index: 99;
	display: none;
	background: #fff;
	max-height: 160px;
	overflow-y: hidden;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect{ right: -7px }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect{ right: 2px }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
	color: #fff;
	background: #ff8000;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
	padding: 2px 10px 2px 5px;
	text-decoration: none !important;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
	background: #33aaff;
	box-shadow: #178fe5 0 1px 3px 0 inset;
	color: #fff;
	font-weight: 700;
}

.xdsoft_datetimepicker .xdsoft_month {
	width: 100px;
	text-align: right;
}

.xdsoft_datetimepicker .xdsoft_calendar {
	clear: both;
}

.xdsoft_datetimepicker .xdsoft_year{
	width: 48px;
	margin-left: 5px;
}

.xdsoft_datetimepicker .xdsoft_calendar table {
	border-collapse: collapse;
	width: 100%;

}

.xdsoft_datetimepicker .xdsoft_calendar td > div {
	padding-right: 5px;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
	height: 25px;
}

.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th {
	width: 14.2857142%;
	background: #f5f5f5;
	border: 1px solid #ddd;
	color: #666;
	font-size: 12px;
	text-align: right;
	vertical-align: middle;
	padding: 0;
	border-collapse: collapse;
	cursor: pointer;
	height: 25px;
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
	width: 12.5%;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
	background: #f1f1f1;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
	color: #33aaff;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
	background: #ffe9d2;
	box-shadow: #ffb871 0 1px 4px 0 inset;
	color: #000;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
	background: #c1ffc9;
	box-shadow: #00dd1c 0 1px 4px 0 inset;
	color: #000;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
	background: #33aaff;
	box-shadow: #178fe5 0 1px 3px 0 inset;
	color: #fff;
	font-weight: 700;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_time_box >div >div.xdsoft_disabled {
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	cursor: default;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
	opacity: 0.2;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
	color: #fff !important;
	background: #ff8000 !important;
	box-shadow: none !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover {
	background: #33aaff !important;
	box-shadow: #178fe5 0 1px 3px 0 inset !important;
	color: #fff !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover {
	color: inherit	!important;
	background: inherit !important;
	box-shadow: inherit !important;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
	font-weight: 700;
	text-align: center;
	color: #999;
	cursor: default;
}

.xdsoft_datetimepicker .xdsoft_copyright {
	color: #ccc !important;
	font-size: 10px;
	clear: both;
	float: none;
	margin-left: 8px;
}

.xdsoft_datetimepicker .xdsoft_copyright a { color: #eee !important }
.xdsoft_datetimepicker .xdsoft_copyright a:hover { color: #aaa !important }

.xdsoft_time_box {
	position: relative;
	border: 1px solid #ccc;
}
.xdsoft_scrollbar >.xdsoft_scroller {
	background: #ccc !important;
	height: 20px;
	border-radius: 3px;
}
.xdsoft_scrollbar {
	position: absolute;
	width: 7px;
	right: 0;
	top: 0;
	bottom: 0;
	cursor: pointer;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar {
	left: 0;
	right: auto;
}
.xdsoft_scroller_box {
	position: relative;
}

.xdsoft_datetimepicker.xdsoft_dark {
	box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
	background: #000;
	border-bottom: 1px solid #444;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	border-top: 1px solid #333;
	color: #ccc;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
	border-bottom: 1px solid #222;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div {
	background: #0a0a0a;
	border-top: 1px solid #222;
	color: #999;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
	background-color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select {
	border: 1px solid #333;
	background: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
	color: #000;
	background: #007fff;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
	background: #cc5500;
	box-shadow: #b03e00 0 1px 3px 0 inset;
	color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
	background-image: url();
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
	background: #0a0a0a;
	border: 1px solid #222;
	color: #999;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
	background: #0e0e0e;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
	color: #cc5500;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
	background: #ffe9d2;
	box-shadow: #ffb871 0 1px 4px 0 inset;
	color:#000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
	background: #c1ffc9;
	box-shadow: #00dd1c 0 1px 4px 0 inset;
	color:#000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
	background: #cc5500;
	box-shadow: #b03e00 0 1px 3px 0 inset;
	color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
	color: #000 !important;
	background: #007fff !important;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
	color: #666;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright { color: #333 !important }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a { color: #111 !important }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover { color: #555 !important }

.xdsoft_dark .xdsoft_time_box {
	border: 1px solid #333;
}

.xdsoft_dark .xdsoft_scrollbar >.xdsoft_scroller {
	background: #333 !important;
}
.xdsoft_datetimepicker .xdsoft_save_selected {
    display: block;
    border: 1px solid #dddddd !important;
    margin-top: 5px;
    width: 100%;
    color: #454551;
    font-size: 13px;
}
.xdsoft_datetimepicker .blue-gradient-button {
	font-family: "museo-sans", "Book Antiqua", sans-serif;
	font-size: 12px;
	font-weight: 300;
	color: #82878c;
	height: 28px;
	position: relative;
	padding: 4px 17px 4px 33px;
	border: 1px solid #d7d8da;
	background: -moz-linear-gradient(top, #fff 0%, #f4f8fa 73%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(73%, #f4f8fa));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fff 0%, #f4f8fa 73%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fff 0%, #f4f8fa 73%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fff 0%, #f4f8fa 73%);
	/* IE10+ */
	background: linear-gradient(to bottom, #fff 0%, #f4f8fa 73%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f4f8fa',GradientType=0 );
/* IE6-9 */
}
.xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:hover span, .xdsoft_datetimepicker .blue-gradient-button:focus span {
  color: #454551;
  background: -moz-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f8fa), color-stop(73%, #FFF));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f4f8fa 0%, #FFF 73%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8fa', endColorstr='#FFF',GradientType=0 );
  /* IE6-9 */
}